<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="Keywords" content=""/>
	<meta name="Keywords" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common/lunbo.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper-4.3.3.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/course.css"/>
		<script src="js/swiper-4.3.3.min.js"></script>
	</head>
	<body>
		<div class="mobile">
			<header>
				<label for="check">
					<ul class="login">
					
					<li></li>
					<li></li>
					<li></li>
</ul>
				</label>
				<div class="logo"><img src="img/QQ20180703152254.png"/></div>
				<div class="search">
					<img src="img/QQ20180703152238.png"/>
				</div>
				
		</header>
	<section>				
		<!-- Swiper -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="img/banaer.png" /></div>
      <div class="swiper-slide"><img src="img/eleme.png" /></div>
      <div class="swiper-slide"><img src="img/taizi.png" /></div>
      <div class="swiper-slide"><img src="img/yuzhuang.png"/></div>
    </div>
    
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

  <!-- Swiper JS -->

  <!-- Initialize Swiper -->
  <script>
		    var mySwiper = new Swiper('.swiper-container', {
		    	autoplay:true,
			    pagination: {
			       el: '.swiper-pagination'
			    }
		    });
		    //鼠标滑过pagination控制swiper切换
			for(i=0;i<mySwiper.pagination.bullets.length;i++){
			  mySwiper.pagination.bullets[i].index=i
			  mySwiper.pagination.bullets[i].onmouseover=function(){
			    mySwiper.slideTo(this.index);
			  };
			}  
		  </script>
  <!--存在感-->
  <div class="charm">
  	<div class="equl">
  		<img src="img/头像1.jpg"/>
  	</div>
  	<div class="zi">
  		<p>KIMIN</p>
  		<i>网络互动中心设计师</i>
  	</div>
  	<div class="sub">
						<a href="course2.html">
							<span>预约报名</span>
							<p><img src="img/j.png"/></p>
						</a>
					</div>
  </div>
  <div class="date">
  	<h1>高端移动应用开发</h1>
  	<h2>10月19日 14:00 - 17:30</h2>
  </div>
  <div class="img">
  	<img src="img/cunzaigan.png"/>
  </div>
  <!--存在感-->
  <div class="charm">
  	<div class="equl">
  		<img src="img/头像1.jpg"/>
  	</div>
  	<div class="zi">
  		<p>KIMIN</p>
  		<i>网络互动中心设计师</i>
  	</div>
  	<div class="sub">
						<a href="course2.html">
							<span>预约报名</span>
							<p><img src="img/j.png"/></p>
						</a>
					</div>
  </div>
  <div class="date">
  	<h1>高端移动应用开发</h1>
  	<h2>10月19日 14:00 - 17:30</h2>
  </div>
  <div class="img">
  	<img src="img/cunzaigan.png"/>
  </div>
  <!--存在感-->
  <div class="charm">
  	<div class="equl">
  		<img src="img/头像1.jpg"/>
  	</div>
  	<div class="zi">
  		<p>KIMIN</p>
  		<i>网络互动中心设计师</i>
  	</div>
  	<div class="sub">
						<a href="course2.html">
							<span>预约报名 </span>
							<p><img src="img/j.png"/></p>
						</a>
					</div>
  </div>
  <div class="date">
  	<h1>高端移动应用开发</h1>
  	<h2>10月19日 14:00 - 17:30</h2>
  </div>
  <div class="img">
  	<img src="img/cunzaigan.png"/>
  </div>
  <div class="more">
  	<p>加载更多</p>
  </div>
  </section>
  <footer>
 	<ul class="Menu">
 		<li><a href="index.html">
 			<span><img src="img/shouye.png"/></span>
 			<p>首页</p>
 		</a>
 		</li>
 		<li>
 			<a href="course.html"><span><img src="img/tu.png"/></span>
 			<p>GIMC</p>
 			</a>
 		</li>
 		<li>
 			<a href="Article.html"><img src="img/bi.png"/>
 			<p class="red">文章</p>
 			</a>
 			
 		</li>
 		<li><a href="resource.html" >
 			<span><img src="img/xuan.png"/></span>
 		<p>资源</p>
 		</a>
 		</li>
 		<li><a href="course.html">
 			<span><img src="img/xueshimao-.png"/></span>
 			<p>学院</p>
 		</a>
 		</li>
 	</ul>
 </footer>
		</div>
	</body>
</html>
